import React, { useState, useEffect } from 'react';
import axios from 'axios';
import './survey.css'
import locale from 'antd/es/date-picker/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import zhCN from 'antd/locale/zh_CN';
dayjs.locale('zh-cn');
const { RangePicker } = DatePicker;
import { DatePicker, ConfigProvider } from 'antd';
import Curve from '../echarts/curve/curve';
import PieChartComponent from '../echarts/serveCharts/echarts1'
// import CustomDonutChart from '../echarts/serveCharts/echarts2'
export default function Survey() {
    return (
        <>
            <ConfigProvider locale={zhCN}>
                <div className='zzj_survey_big_div'>
                    <div className="zzj_survey_content_div">
                        <div className='zzj_survey_title_div'>
                            <div className='zzj_survey_main_div'></div>
                            <span>
                                用户概况
                            </span>
                        </div>
                        <div className='zzj_survey_date_div'>
                            <span>选择日期</span>
                            <RangePicker style={{ height: '1rem', width: '10rem' }} />
                        </div>

                        {/* 用户趋势统计盒子 */}
                        <div className="zzj_survey_echarts_div">
                            <span>用户趋势统计</span>
                            <div className='zzj_survey_echarts'>
                                <Curve />
                            </div>
                        </div>
                        {/* 用户年龄/性别构成 */}
                        <div className='zzj_survey_age_sex_div'>
                            <div className='zzj_survey_age_sex_big_div'>
                                <div className="zzj_survey_age_sex_big_div_left">
                                    <span style={{ display: 'block', marginTop: '0.2rem' }}>用户年龄构成</span>
                                    <div>
                                        <PieChartComponent />
                                    </div>
                                </div>
                                <div className="zzj_survey_age_sex_big_div_right">
                                    <span style={{ display: 'block', marginTop: '0.2rem' }}>用户性别构成</span>
                                    <div>
                                        {/* <CustomDonutChart /> */}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className='zzj_survey_label_div'>
                        <p>Copyright © DaisyAxure All Rights Reserved</p>
                    </div>
                </div>
            </ConfigProvider >
        </>
    )
}